<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>丘丘谷</title>
        <link rel="stylesheet" href="<?=base_url()?>assets/library/frozen/css/frozen.css">
        <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/wx/css/style.css">
        <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/wx/css/detail.css">
    </head>
    <body ontouchstart="">

        <!--footer-->
        <footer class="ui-footer ui-footer-btn my-footer-bg">
            <ul class="ui-tiled">
                <li data-href="index.html" class="active">
                    <div>首页</div>
                </li>
                <li data-href="ui.html">
                    <div>购物车</div>
                </li>
                <li data-href="js.html">
                    <div>订单</div>
                </li>
                <li data-href="js.html">
                    <div>我的</div>
                </li>
            </ul>
        </footer>
        <!--endfooter-->

        <section>
            <div class="ui-flex ui-flex-pack-start my-detail-banner">
                <div>
                    <img src="http://placeholder.qiniudn.com/640x360" alt="">
                </div>
            </div>
            <h2 class="my-detail-base-name">卧龙农业种植基地</h2>

            <div class="my-base-products">
                <ul class="ui-tiled">
                    <li>
                        <div><img src="http://placeholder.qiniudn.com/120x120" alt=""></div>
                        <h5>商品名称....名称名称名称名称...</h5>
                    </li>
                    <li>
                        <div><img src="http://placeholder.qiniudn.com/120x120" alt=""></div>
                        <h5>商品名称....名称名称名称名称...</h5>
                    </li>
                    <li>
                        <div><img src="http://placeholder.qiniudn.com/120x120" alt=""></div>
                        <h5>商品名称....名称名称名称名称...</h5>
                    </li>
                </ul>
            </div>

            <!--content-->
            <div class="content">
                <h3 class="title ui-border-b ui-txt-muted">基地详情</h3>
                <div>
                    content
                </div>
            </div>
            <!--end content -->

            <div class="my-related">
                <div class="title ui-border-b">
                    <h5>相关产品</h5>
                </div>
                <div class="body">
                    <ul class="ui-grid-halve my-grid-halve">
                        <li>
                            <a href="###" class="ui-txt-default">
                                <div class="my-replated-img">
                                    <img src="http://placeholder.qiniudn.com/200x200" alt="">
                                </div>
                                <div class="my-related-goods-info">
                                    <h4 class="ui-border-b">这本书太赞了，每次看都有不一样的体会和感悟，超级</h4>
                                    <p><strong>￥100.00</strong><span class="rf ui-txt-muted">库存 1000 件</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###" class="ui-txt-default">
                                <div class="my-replated-img">
                                    <img src="http://placeholder.qiniudn.com/200x200" alt="">
                                </div>
                                <div class="my-related-goods-info">
                                    <h4 class="ui-border-b">这本书太赞了，每次看都有不一样的体会和感悟，超级</h4>
                                    <p><strong>￥100.00</strong><span class="rf ui-txt-muted">库存 1000 件</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###" class="ui-txt-default">
                                <div class="my-replated-img">
                                    <img src="http://placeholder.qiniudn.com/200x200" alt="">
                                </div>
                                <div class="my-related-goods-info">
                                    <h4 class="ui-border-b">这本书太赞了，每次看都有不一样的体会和感悟，超级</h4>
                                    <p><strong>￥100.00</strong><span class="rf ui-txt-muted">库存 1000 件</span></p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="###" class="ui-txt-default">
                                <div class="my-replated-img">
                                    <img src="http://placeholder.qiniudn.com/200x200" alt="">
                                </div>
                                <div class="my-related-goods-info">
                                    <h4 class="ui-border-b">这本书太赞了，每次看都有不一样的体会和感悟，超级</h4>
                                    <p><strong>￥100.00</strong><span class="rf ui-txt-muted">库存 1000 件</span></p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <div class="footer-hidden"></div>

        <script src="<?=base_url()?>assets/library/zepto/zepto.min.js"></script>
        <script src="<?=base_url()?>assets/wx/js/frozen.js"></script>
    </body>
</html>
